<template>
    <div> 
     <el-table :data="tableData" border style="width: 100%">
      <el-table-column fixed prop="time" label="开场时间" width="270">

      </el-table-column>
      <el-table-column prop="film.name" label="片名" width="250">
      </el-table-column>
      <el-table-column prop="cinema.name" label="影院" width="270">
      </el-table-column>
      <el-table-column prop="room.name" label="放映厅" width="250">
      </el-table-column>
      <el-table-column prop="address" label="选座购票" width="250">
      </el-table-column>
      <el-table-column prop="price" label="售价（元）" width="250">
      </el-table-column>
      <el-table-column fixed="right" label="操作" width="100">
        <template slot-scope="scope">
          <el-button @click="handleClick(scope.row)" type="text" size="small"
            >取消购票</el-button
          >
        </template>
      </el-table-column>
    </el-table>
    </div>
</template>

<script>
    export default {
        name:"Dd",
        data() {
          return {
            tableData:'',
          }
        },
        created() {
    this.getAllPlan();
  },
  methods:{
    getAllPlan(){
      axios.get("http://localhost:8888/plan").then(({data})=> {
        console.log(data)
        this.tableData = data;
    })
  },
  handleClick(row){

  }
  }

    }
</script>

<style lang="scss" scoped>

</style>